<template>
  <div class="body bg pos-rel" :class="{ home: isHome }">
    <div class="w-100 pos-abs head-wrap">
      <div
          class="head-cover pos-all"
      ></div>
      <div class="w head">
        <a-menu v-model="activeIndex" mode="horizontal">
          <a-menu-item 
              v-for="(item, index) in linkList"
              :key="index"
              class="li"
              > <a-icon type="mail" />
              <router-link v-if="item.to" :to="item.to" class="link">
                  {{ item.text }}
                  <span class="bor"></span>
              </router-link>
          </a-menu-item>
        </a-menu>
      </div>
    </div>
  </div>
</template>

<script>


export default {
  components: {
  },
  props: {},
  data() {
    return {
      isHome: true,
      activeIndex: [1],
      linkList: [
        {
          to: "/home?styleId=dark&color=#fa541c",
          text: "首页",
        },
        {
          to: "/login?styleId=default&color=#3e91f7",
          text: "登录",
        },
                    
      ],
    };
  },
  methods: {
            
  },
  computed: {
           
  },
        
  mounted() {},
};
</script>
<style scoped lang="less">
    .body {
        width: 100%;
        top: 0;
        z-index: 1;
        .head-wrap {
            background: #fff;
            .li {
                .link {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    justify-content: center;
                    align-items: center;
                    // color: color('theme');
                }
            }
        }
    }
</style>
